<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>

<script>
	export default {
		name: 'app'
	}
</script>

<style lang="less">
	@import '~vux/src/styles/reset.less';

	html,
	body,
	#app {
		width: 100%;
		height: 100%;
		background: rgb(247, 247, 247);

		/* fallback for old browsers */
		.registered {
			.weui-label {
				width: 4.5em;
			}
		}

		.weui-cell {
			font-size: 16px;
		}

		.vux-tab .vux-tab-item.vux-tab-selected {
			color: rgb(46, 133, 244);
		}

		.vux-tab-ink-bar {
			background: rgb(46, 133, 244);
		}

		.weui-btn_primary {
			background-color: #10aeff;
			color: white;
		}

		.weui-btn_disabled {
			opacity: 0.5;

		}

		.weui-cells {
			margin-top: 0;
		}

		.button {
			width: 60%;
			border-radius: 20px;
		}

		.nav {
			position: fixed;
			bottom: 0;
			z-index: 88;
			width: 100%;
			height: 50px;
			background: #FFFFFF;
			color: #666;
			box-shadow: 0px 0px 5px ghostwhite;
		}

		.dp-header .dp-item.dp-right {
			color: rgb(24, 144, 255);
		}

		.my {
			.weui-grid__label {
				color: grey;
			}

			.weui-grid {
				padding: 10px;
			}
		}

		.personal {
			.weui-input {
				text-align: right;
			}
		}

		#growth {

			.weui-cell {
				display: inline-block;
				padding: 0;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				font-size: 14px;

			}
		}

	}
</style>
